<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="ji">机</div>
    <div id="hui">会</div>
    <hr>
    <p>并<big>非</big>梦<small>想</small>离我们太远</p>
    <p class="zhi">只是我们付出的太少</p>
    <mark>马克笔</mark>
    <p>h<sub>2</sub>o</p>
    <p>h<sup>2</sup>o</p>
    <hr>
    <p>待办事项</p>
    <!-- 第一部分 -->
    <input type="text" placeholder="请输入代办事项">
    <button>保存</button>
    <!-- 第二部分，代办事项 -->
    <ol class="todo">
        <li>
            <span>eating</span>
            <button>完成</button>
        </li>
        <li>
            <span>sleeping</span>
            <button>完成</button>
        </li>
        <li>
            <span>eating</span>
            <button>完成</button>
        </li>
    </ol>
    <!-- 第三部分，已完成事项 -->
    <ul class="done">
        <li>大一</li>
        <li>大二</li>
        <li>大三</li>
    </ul>
    <hr>
    <!-- less than <    great than > -->
    <button class="pre">&lt;</button>
    <button class="active">1</button>
    <button>2</button>
    <button>3</button>
    <button>4</button>
    <button>5</button>
    <button>&gt;</button>
    <hr>
    <br>
    <br>
    <div class="box"></div>
    <div class="box2"></div>
</body>

</html>